import axios from '@/api/http'
export default {
    //因为这里的项目有很多模块所以需要加一个命名空间不然会照常命名重复
    //加了命名空间之后在调用和访问的时候/空间名字即可（空间名字就是js模块的名字）
    namespaced: true,
    state: {
        //这里的数据可以全局访问
        //定义数据
        //轮播图数据
        bannerData: [],
        //分类详情按钮前十个
        contentData_before: [],
        //后十个
        contentData_before: [],
        //秒杀数据
        seckillData: [],
        //商品数据
        listData: [],
    },
    mutations: {
        //通过方法把获取的数据放在全局vuex中
        newbannerData(state, payload) {
            state.bannerData = payload
        },
        newcontentData_before(state, payload) {
            state.contentData_before = payload

        },
        newcontentData_next(state, payload) {
            state.contentData_next = payload


        },
        //
        newseckilldata(state, payload) {
            state.seckillData = payload
        },
        //商品列表事件
        newlistData(state, payload) {
            state.listData = payload

        }


    },
    actions: {
        //异步数据请求的地方
        banner_data(context) {
            axios.get('/data/banner.json')
                .then(data => {

                    context.commit('newbannerData', data)
                })

        },
        //异步请求详情数据
        content_data(context) {
            axios.get('/data/content.json').then(data => {

                context.commit('newcontentData_before', data.splice(0, 10))
                context.commit('newcontentData_next', data.splice(0, 10))

            })
        },
        //异步请求京东秒杀
        seckill_data(context) {
            axios.get('/data/seckill.json').then(data => {
                context.commit("newseckilldata", data)

            })
        },
        //商品列表事件
        list_data(context, val) {

            axios.get('/data/Search.json').then(data => {

                console.log(data);
                context.commit('newlistData', data['292'].slice(val, val + 10 * 1))
            })
        }


    },
}